<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<script src="../js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
			
			function gotoScroll(){
				mui('.mui-scroll-wrapper').scroll().scrollTo(0,-400,900);//100毫秒滚动到顶
			}
		</script>
	</head>

	<!--
				作者：460575807@qq.com
				时间：2017-07-11
				描述：
				options = {
					 scrollY: true, //是否竖向滚动
					 scrollX: false, //是否横向滚动
					 startX: 0, //初始化时滚动至x
					 startY: 0, //初始化时滚动至y
					 indicators: true, //是否显示滚动条
					 deceleration:0.0006, //阻尼系数,系数越小滑动越灵敏
					 bounce: true //是否启用回弹
					}
			-->

	<body>
		<div class="mui-content">
			<div class="mui-scroll-wrapper">
				<div class="mui-scroll">
					<!--这里放置真实显示的DOM内容-->
					<div class="mui-card">
						<div class="mui-card-content">
							<div style="padding: 5px;">
								金克丝、盖伦、阿狸、寒冰
								<button type="button" onclick="gotoScroll()">goto</button>
								<img src="http://blog.csdn.net/zh_rey/article/details/69666232"><img src="http://game.ahgame.com/uploads/allimg/160714/57-160G40Z2160-L.jpg" />
							</div>
						</div>
					</div>
					<label>content</label> DOM内容 2017年7月11日 15:37:55
					<label>content</label> DOM内容 2017年7月11日 15:37:55
					<label>content</label> DOM内容 2017年7月11日 15:37:55
					<label>content</label> DOM内容 2017年7月11日 15:37:55
					<label>content</label> DOM内容 2017年7月11日 15:37:55
					<label>content</label> DOM内容 2017年7月11日 15:37:55
					<label>content</label> DOM内容 2017年7月11日 15:37:55
					<label>content</label> DOM内容 2017年7月11日 15:37:55
					<label>content</label> DOM内容 2017年7月11日 15:37:55
					<label>content</label> DOM内容 2017年7月11日 15:37:55
					<label>content</label> DOM内容 2017年7月11日 15:37:55
					<label>content</label> DOM内容 2017年7月11日 15:37:55
					<label>content</label> DOM内容 2017年7月11日 15:37:55
					<label>content</label> DOM内容 2017年7月11日 15:37:55
					<label>content</label> DOM内容 2017年7月11日 15:37:55
					<label>content</label> DOM内容 2017年7月11日 15:37:55
					<label>content</label> DOM内容 2017年7月11日 15:37:55
					<label>content</label> DOM内容 2017年7月11日 15:37:55
					<label>content</label> DOM内容 2017年7月11日 15:37:55
					<label>content</label> DOM内容 2017年7月11日 15:37:55
					<label>content</label> DOM内容 2017年7月11日 15:37:55
					<label>content</label> DOM内容 2017年7月11日 15:37:55
					<label>content</label> DOM内容 2017年7月11日 15:37:55
					<label>content</label> DOM内容 2017年7月11日 15:37:55
					<label>content</label> DOM内容 2017年7月11日 15:37:55
					<label>content</label> DOM内容 2017年7月11日 15:37:55
					<label>content</label> DOM内容 2017年7月11日 15:37:55
					<label>content</label> DOM内容 2017年7月11日 15:37:55
					<label>content</label> DOM内容 2017年7月11日 15:37:55
					<label>content</label> DOM内容 2017年7月11日 15:37:55
					<label>content</label> DOM内容 2017年7月11日 15:37:55
					<label>content</label> DOM内容 2017年7月11日 15:37:55
				</div>
			</div>
		</div>

		<script>
			mui('.mui-scroll-wrapper').scroll({
				scrollY: true, //是否竖向滚动
				scrollX: false, //是否横向滚动
				startX: 0, //初始化时滚动至x
				startY: 0, //初始化时滚动至y
				indicators: true, //是否显示滚动条
				deceleration: 0.0006, //阻尼系数,系数越小滑动越灵敏
				bounce: true //是否启用回弹
			});
		</script>
	</body>

</html>